@charset "UTF-8";
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
body{font:16px "Microsoft YaHei","Arial Narrow"; background: #fff; -webkit-text-size-adjust:100%; color: #666}
a{color:#333; text-decoration:none; transition: all .34s}
html,body {width: 100%;box-sizing: border-box;}
a:hover{color:#333;}
em, strong, i {font-style:normal}
li{list-style:none}
h3,h4,h5 { font-weight: normal;}
img{border:0;vertical-align:middle}
table{border-collapse:collapse;border-spacing:0}
p{word-wrap:break-word}
input, select, button, textarea {outline: none; font-family: "Microsoft YaHei UI Light"; border: none;}
button,input[type="submit"], input[type="button"] {cursor: pointer;}
.f-l { float: left;}
.f-r { float: right;}
::-webkit-scrollbar {width: 8px; height: 1px;background-color: #fcfcfc;box-sizing: border-box}
::-webkit-scrollbar-track {-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.2);border-radius: 10px;background-color: #fff;}
::-webkit-scrollbar-thumb {border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.2);background-color: #4165af;}
::-webkit-scrollbar-thumb:hover {border-radius: 5px;-webkit-box-shadow: inset 0 0 5px rgba(0,0,0,0.1);background: rgba(0,0,0,0.3);}
.clear {clear: both;}
.h10{width: 100%;height: 10px;}
.h20{width: 100%;height: 20px;}
.h50{width: 100%;height: 50px;}
.h70 {clear: both;height: 70px;}
/* ------------------------------------ 首页 ------------------------------------ */
/* 头部 */
.header_block {width: 100%;height: 100px;background-color: red}
header{display: flex;align-items: center; width: 100%;height: 100px;padding: 0 70px;box-sizing: border-box;position: fixed;top: 0;left: 0;background: #fff;z-index: 33;}
header .headerLeft{display: inline-block;width: 30%;}
.headerLeft a{width: 452PX;height: 63PX;display: inline-block;}
.headerLeft a img{width: 452PX;height: 63PX;}
.header_list{width: 70%; height: 100%; display: inline-block;box-sizing: border-box;padding-top: 10px; text-align: right;}
.headerRight{width: 70%; height: 100%; display: inline-block; padding-top: 21px;box-sizing: border-box;}
.header_list > li{height: 100%;box-sizing: border-box; display: inline-block;box-sizing: border-box;padding: 0 35px;position: relative;}
.header_list > li > a{display: block;text-align: center;position: relative;}
.header_list > li > a span{display: block;font-size: 16px;color: #666;}
.header_list > li > a em{display: block;font-size: 12px;color: #999;}
.header_list > li:hover > a span,.header_list > li.active > a span{color: #3f66af;}
.header_list > li:hover > a em,.header_list > li.active > a em{color: #87a3d6;}
.header_list > li:hover > a::after,.header_list > li.active > a::after{width: 6px;height: 6px;background: #4165af;border-radius: 50%;content: "";display: block;position: relative;margin: 8px auto 0;}
.header_list > li:hover .submenu{display: block;}

/*!* 二级菜单 *!min-height: 270px;*/
.submenu{ display:none;width: 180px; height: auto; position: absolute;top: 69px;left: -14%; z-index: 66;background: #fff;cursor: pointer;padding:12px 0;box-sizing: border-box;}
.submenu > li{position: relative; text-align: center; display: block;height: 32px;box-sizing: border-box;}
.submenu > li > a{display: block;padding:0  22px 0 10px; box-sizing: border-box;font-size: 16px;color: #999;line-height: 32px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.submenu > li:hover > a{color: #fff;background: #3f66b1;}
.submenu > li:hover > .a::after{width: 5px;height: 9px;content: "";display: inline-block;background: url(../images/ioc_san.png) no-repeat;background-size: 100%;position: absolute;position: absolute;right: 12px;margin-top: 12px;}
.submenu > li:hover .three_menu{display: block;}
/* 三级菜单 */
.three_menu{display: none; width: 131px;height: auto;overflow: hidden;background: #e8effb;position: absolute;top: -12px;z-index: 72;left: 180px;padding: 12px;box-sizing: border-box;text-align: justify;}
.three_menu > li{display: block;}
.three_menu > li a{width: 100%;height: 32px; font-size: 16px;color: #999;line-height: 32px;text-align: center;display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.three_menu > li:hover a{display: block; color: #3f66b1;}
/* 头部搜索 */
.search,.delete{transition: all .2s; cursor: pointer; display: inline-block; width: 40px;height: 40px;background: #3f66b1;border-radius: 50%;margin:10px 20px 0 0;text-align: center;}
.search img{width: 16px;height: 16px;margin-top: 11px;}
.delete img{width: 32px;height: 32px;margin-top: 4px;}
/* 头部搜索弹框 */
.box{display: none;transition: all .2s; position: absolute;right: 14%; width: 398px;height: 46px;top: 100px; overflow: hidden;
  z-index: 4;}
.box input{display: inline-block; width: 85%;height: 100%;padding:0 20px;box-sizing: border-box;border: 1px solid #d4d4d4;border-radius: 6px 0 0 6px;border-right: none;background: #fff;}
.box button{width: 15%;height: 100%;background:#3f66b1;border-radius:0 6px 6px 0;}
.box button img{width: 16px;height: 16px;}
/* 头部联系方式 */
.contact_Infor{width: 20%; display: inline-block;position: relative;top: 2px;}
.contact_Infor::before{width: 1px;height: 22px;background: #b2c2e0;content: '';display: inline-block;position: relative;bottom: 6px;margin-right: 20px;}
.contact_Infor > img{display: inline-block; width: 28px;height: 29px;position: relative;bottom: 12px;}
.contact_Infor > p{padding-left: 20px; display: inline-block; font-size: 16px;color: #666;line-height: 28px;}
/* 导航下方轮播 */
.swiper_banner{width: 100%;height: 500px !important;}
.swiper_banner a{width: 100%;height: 100%; display: block;}
.swiper_banner a img{width: 100%;height: 100%;object-fit: cover}
.banner_pagination{bottom: 20px !important;}
.banner_pagination .swiper-pagination-bullet{background: #fff;opacity: 1;}
.banner_pagination .swiper-pagination-bullet-active{background: #fdcc38;}
/* 首页-产品展示 */
.ProductDisplay{width: 100%;height: 786px;background: url(../images/bannBg.png) no-repeat;background-size: 100% 100%;padding-top: 58px;box-sizing: border-box;}
.ProductTop{width: 100%;padding: 0 252px;box-sizing: border-box;height: 80px;line-height: 80px;}
.ProductTop h3{display: inline-block;font-size: 35px;color: #1a1a1a;font-weight: normal;}
.ProductTop h3 em{font-family: 'CTFangSongSF';}
.prdRight li{height: 28px;line-height: 28px; display: inline-block;margin-right: 34px;}
.prdRight li a{display: inline-block;font-size: 15px;color: #666;padding: 0 8px;}
.prdRight li.cur a{background:#3f66af;color: #fff;}
/* 首页-产品展示部分轮播 */
.product-item{display: none;position: relative;}
.ProductBottom .product-item.show{display: block;}
.product_banner{width: 1412px;height: 648px !important;margin: 0 auto; box-sizing: border-box;overflow: hidden;}
.product_banner .swiper-slide{width: 310px !important;height: 100%;box-sizing: border-box;}
.product_banner .swiper-slide:first-child{margin-right: 0;}
.bannerText{line-height: 26px;overflow: hidden;padding: 18px 0;}
.product_banner .swiper-slide a{display: block;}
.product_banner .swiper-slide:hover h4{color: #3f66af;}
.product_banner .swiper-slide:hover h4::after{width: 100%;height: 11px;background: url(../images/line.png) no-repeat;background-size: 100%;content: "";display: block;position: absolute;top: 123px;}
.bannerText span{display: block; font-size: 14px;color: #666;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.productImg{ width: 310px;height: 248px;overflow: hidden;}
.productImg img{width: 100%;height: 100%;transition: all 0.35s;object-fit: cover}
.product_banner h4{font-size: 22px;color: #333;line-height: 62px;padding-top: 65px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.product_banner .swiper-slide:hover .productImg img{transform: scale(1.2);transition: all 0.35s;}
.ProductBottom .swiper-button-next:after, .ProductBottom .swiper-button-prev:after{font-size: 29px !important;--swiper-theme-color: #b2b2b2 !important;}
.product_next{right: 199px !important;}
.product_prev{left: 199px !important;}
.product_next , .product_prev{color: #b2b2b2!important;top: 70% !important;}
.product_next:hover , .product_prev:hover{color: #f1ad52 !important;}
/* 首页-我们的优势 */
.tab-box{width: 100%;height: 624px;background: url(../images/picture.png) no-repeat;background-size: 100% 100%;padding-top: 54px;box-sizing: border-box;position: relative;}
.tab-box > h3{width: 100%;height: 80px;box-sizing: border-box;text-align:center;line-height: 80px;font-size: 35px;color: #fff;}
.tab-box > span{width: 22px;height: 5px;background: #fff;content: "";display: block;margin: 32px auto 36px;}
.tab-cont .tab-item{width: 960px;height: auto;overflow: hidden; text-align: justify;box-sizing: border-box;margin: 0 auto}
.tab-item > h5{font-size: 24px;color: #fff;line-height: 58px;width: 100%;height: 58px;text-align: center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.tab-item > div{width: 100%;height:auto;font-size: 16px;color: #fff;text-align: center;line-height: 28px;padding-top: 20px;box-sizing: border-box;overflow: hidden;text-overflow: ellipsis;display:-webkit-box; -webkit-box-orient:vertical;-webkit-line-clamp:3;}
/*.tab-cont .tab-item.default {display:block;}*/
.tab-cont {width: 960px;overflow: hidden;margin: 0 auto}
.tab-cont .small_box {width: 4800px;display: flex;transition: 0.8s;margin-left: 0}
/*@keyframes tar {*/
/*  0% {opacity: 0;}*/
/*  50% {opacity: 0.5;}*/
/*  100% {opacity: 1}*/
/*}*/
/* 首页-我们的优势切换选项 */
.advantage{width: 1070px;height: 150px;background: #fff;position: absolute;bottom: 0;left: 0;right: 0;margin: 0 auto 60px;display: flex;justify-content: space-around;align-items: center;text-align: center;}
.advantage li:first-child{padding-left: 32px;box-sizing: border-box;}
.advantage li:hover {transform: scale(1.1)}
.advantage li:last-child{padding-right: 32px;box-sizing: border-box;}
.advantage li{display: inline-block;cursor: pointer;transition: 0.8s}
.advantage li img{width: 52px;height: 48px;overflow: hidden;}
.advantage li p{font-size: 16px;color: #666;display: block;line-height: 42px;}
.advantage li.default p{color: #517db4;}
.advantage li span{display: inline-block;width: 52px;height: 48px;background: url(../images/switch1.png) no-repeat;background-size: 100%;}
.advantage li:nth-child(2) span{background: url(../images/switch2.png) no-repeat;}
.advantage li:nth-child(3) span{background: url(../images/switch3.png) no-repeat;}
.advantage li:nth-child(4) span{background: url(../images/switch4.png) no-repeat;}
.advantage li:nth-child(5) span{background: url(../images/switch5.png) no-repeat;}
/* 首页-我们的优势变色后图标 */
.advantage li.default span{background: url(../images/switch1.1.png) no-repeat;}
.advantage li:nth-child(2).default span{background: url(../images/switch2.1.png) no-repeat;}
.advantage li:nth-child(3).default span{background: url(../images/switch3.1.png) no-repeat;}
.advantage li:nth-child(4).default span{background: url(../images/switch4.1.png) no-repeat;}
.advantage li:nth-child(5).default span{background: url(../images/switch5.1.png) no-repeat;}
/* 首页-企业简介 */
.synopsis{width: 100%;min-height: 600px;overflow: hidden;padding: 0 256px;box-sizing: border-box;}
.synopsis > h3{width: 100%;height: 140px;line-height: 140px;display: block;margin-top: 32px;font-size: 35px;color: #1a1a1a;}
.synopsisTotal{width: 100%;height: auto;overflow: hidden;}
.totalLeft{width: 580px;height: auto;overflow: hidden;text-align: justify;}
.totalLeft h4{font-family: '[BDZYJT]';font-style:italic;font-size: 36px;display: inline-block;-webkit-line-clamp: 2;background-image: -webkit-linear-gradient(left,#567dca,#d1be19);-webkit-background-clip: text;-webkit-text-fill-color: transparent;padding: 68px 6px 42px;box-sizing: border-box;}
.totalLeft > div{font-size: 14px;color: #666;line-height: 28px;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
.totalLeft > a{transition: all .2s; display: block;width: 120px;height: 42px;line-height: 42px;font-size: 14px;color: #666;box-sizing: border-box;border: 1px solid #cecece;text-align: center;margin-top: 42px;}
.totalLeft > a:hover{transition: all .2s;background: #3f66b1;color: #fff;border: 0;}
.totalRight{width: 690px;height: 355px;position: relative}
.totalRight img{max-width: 100%;height: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
/* 首页-新闻资讯 */
.news{width: 100%;height: 730px;background: #edeef2;padding: 0 256px;box-sizing: border-box;}
.newsTitle{width: 100%;height: 195px;line-height: 195px;}
.newsTitle h3{font-size: 35px;color: #1a1a1a;}
.newsTitle a{display: inline-block;width: 60px;height: 82px;position: relative;margin-top: 56px;}
.newsTitle a::after{transition: all .3s;content: ""; width: 42px;height: 42px;position: absolute;top: 20px;right: 0;background: url("../images/more.png")no-repeat;}
.newsTitle a:hover::after{background: url("../images/ioc_la.png")no-repeat;transition: all .3s;}
.newsBottom{width: 100%;height: auto;display: flex;justify-content: space-between;}
.newsBottom li{float: left; width: 430px;height: auto;overflow: hidden;}
.newsBottom li a{display: block;}
.newsImg{width: 100%;height: 260px;overflow: hidden;}
.newsImg img{width: 100%;height: 100%;object-fit: cover;transition: all 0.4s;display: block;margin: auto}
.newsList > h4{font-size: 16px;color: #333;font-weight: bold;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding: 36px auto 34px;line-height: 28px;margin: 32px auto 26px;}
.newsBottom li:hover .newsImg img{transform: scale(1.2);transition: all 0.4s;}
.newsBottom li:hover .newsList > h4{color: #3f66b1;}
.newsBottom li:hover .newData > h4{color: #3f66b1;}
.newsBottom li:hover .newData > h4 em{color:#3f66b1; }
.newsList > p{font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical; -webkit-line-clamp:2;line-height: 28px;}
.newData{width: 100%;height: auto;overflow: hidden;position: relative;margin-top: 28px;}
.newData::before{width: 20px;height: 15px;content: "";background: url(../images/news_back.png) no-repeat;background-size: 100%;display: inline-block;position: absolute;top: 12px;}
.newData > h4{font-size: 24px;color: #333;text-align: right;display: inline-block;}
.newData > h4 em{font-size: 16px;color: #777;}

/* --------------------------------------- 关于我们 -------------------------------------*/
.navImg{width:100%;height: 350px;}
.navImg img{width: 100%;height: 100%;}
/* 关于我们内容部分 */
/* 企业简介 */
.aboutContent{width: 100%;height: auto;overflow: hidden;background: #f0f0f0;}
.aboutTop{width: 100%;height: 60px;background: #fff;padding: 0 254px;box-sizing: border-box;line-height: 60px;}
.topLeft img{width: 14px;height: 12px;}
.topLeft p{display: inline-block;font-size: 14px;color: #666;}
.topRight{width: auto;height: 60px;}
.topRight > li{display: inline-block;padding-left: 40px;cursor: pointer;box-sizing: border-box;}
.topRight > li a{font-size: 15px;color: #333;display: block;}
.aboutBottom{ width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px;}
/* 企业简介 */
.brief{text-align: justify; background: #fff; width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px;display: block; padding: 38px 48px 50px;box-sizing: border-box;text-align: justify;}
.brief h4{font-size: 24px;color: #333;line-height: 68px;text-align: center;}
.brief > p{font-size: 14px;color: #aaa;line-height: 28px;padding-bottom: 12px;text-align: justify}
.briefText{padding-top: 24px;font-size: 14px;color: #888;line-height: 30px;}
.brief img{max-width: 100%;height: auto;margin: 30px auto 0;}
.aboutBottom > div{display: none;background: #fff;box-sizing: border-box;}
.topRight > li.select a,.topRight > li:hover a{color: #4165af;}
.topRight > li.select::after,.topRight > li:hover:after{width: auto;height: 1px;background:#4165af;content: "";display: block;box-sizing: border-box;}
.aboutBottom > div.show {display: block;box-sizing: border-box;}
/* 企业风采 */
.elegant{width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px; padding: 10px 50px;box-sizing: border-box;background: #fff;}
.elegant > a{cursor: pointer; width: 400px;height: auto; display: inline-block;margin: 20px 50px 0 0;position: relative;}
.elegant > a:nth-child(3n+3){margin-right: 0;}
.eleImg{width: 100%;height: 260px;}
.eleImg img{width: 100%;height: 100%;object-fit: cover}
.join{display: none; width: 100%;height: 260px;background: rgba(0,0,0,0.4);position: absolute;top: 0;left: 0;z-index: 2;}
.join span{width: 56px;height: 56px;background: #4165af ;border-radius: 50%;display: block;position: absolute;top: 0;left: 0;right: 0;bottom: 0;margin: auto;}
.join span::before{display: inline-block; width: 28px;height: 28px;content: ""; background: url(../images/elegant_jia.png) no-repeat;background-size: 100%;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.elegant p{width: 100%;height: 60px;padding: 0 10px;box-sizing: border-box;text-align: center;font-size: 16px;color: #333;line-height: 60px;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;background: #fff;}
.elegant > a:hover .join{display: block;}
.elegant > a:hover p{  background: -webkit-linear-gradient(to right,#f1cc4d, #4075bf); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right,#f1cc4d, #4075bf); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to right,#f1cc4d, #4075bf); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#f1cc4d, #4075bf); /* 标准*/color: #fff;transition: all 0.3s;}
/* 发展历程 */
.growHistory{position: relative;width: 100%;height: auto;overflow: hidden;}
/* 资质荣誉 */
.qualificationMap{width: 100%;min-height: 200px;background: #f0f0f0;overflow: hidden;}
.honorMap{width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px;background: #fff; }
.honor-cont > div:first-child{display: block;}
.certificate{display: none; width: 100%;height: auto;overflow: hidden; padding: 10px 48px 50px;box-sizing: border-box;text-align: justify;}
.certificate > a{cursor:default;width: 400px;height: auto;overflow: hidden;float: left;margin:40px 58px 0 0;}
.certificate > a:nth-child(4n+4){clear: both}
.certificate > a:hover{box-shadow: 0 0px 8px 2px rgb(0 0 0 / 0.10);}
.certificate > a:hover .cerImg{cursor: pointer;}
.certificate > a:hover p{
  color: #fff;
  background: -webkit-linear-gradient(to right,#f1cc4d, #4075bf); /* Safari 5.1 - 6.0 */
  background: -o-linear-gradient(to right,#f1cc4d, #4075bf); /* Opera 11.1 - 12.0 */
  background: -moz-linear-gradient(to right,#f1cc4d, #4075bf); /* Firefox 3.6 - 15 */
  background: linear-gradient(to right,#f1cc4d, #4075bf); /* 标准*/
}
.certificate > a:nth-child(3n+3){margin-right: 0;}
.cerImg{width: 100%;height: auto;overflow: hidden;padding: 30px 40px;box-sizing: border-box;border: 1px solid #ddd;}
.cerImg img{max-width: 100%;height: auto;margin: 0 auto;display: block;}
.certificate > a p{width: 100%;height: 60px;line-height: 60px; padding: 0 20px;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;color: #333;text-align: center;}
/* 资质荣誉下的子栏目 */
.honor-tab{width: 100%;height: 42px;text-align: center;padding-top: 50px;display: flex;justify-content: center;}
.honor-tab li{display: inline-block; width: 138px;height: 42px;border-radius: 21px;border: 1px solid #cdcdcd;margin: 0 40px;box-sizing: border-box;}
.honor-tab li a{display: block;width: 100%;height: 100%;line-height: 42px;text-align: center;font-size: 16px;color: #444;}
.honor-tab li.honorShow,.honor-tab li:hover{background: #4165af;border: none}
.honor-tab li.honorShow a,.honor-tab li:hover a{color: #fff !important;}

/* 资质荣誉分页 */
.certificate > .page{margin-bottom: 0;}
.certificate > .page .active{background: #f69f15;}

/* --------------------------------------- 产品展示 ------------------------------------ */
.header_product{position: static !important;display: flex;align-items: center}
.ptImg{margin-top: 0 !important;}
.product{box-sizing: border-box;background: #fff; width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px; padding: 10px 40px;box-sizing: border-box;text-align: justify;}
.fabricTab{width: 100%;display: flex;justify-content: center;min-height: 144px;line-height: 144px;padding-top: 50px;box-sizing: border-box;}
.fabricTab li{margin: 0 21px;display: inline-block;width: 138px;height: 42px;border-radius: 21px;border: 1px solid #cecece;line-height: 42px;box-sizing: border-box;text-align: center;}
.fabricTab li a{font-size: 16px;color: #444;display: block;}
.fabricTab li.tacit,.fabricTab li:hover{background: #3f66b1;border: none;}
.fabricTab li.tacit a,.fabricTab li:hover a{color: #fff;}
/* 搜索 */
.product_search{width: 730px;height: 54px;border-radius: 10px;background: #f0f0f0;margin: 0 auto;overflow: hidden;margin-bottom: 54px;}
#select_post{width: 127px;height: 100%;border: none;font-size: 16px;color: #333;text-align: center;margin-top: 16px}
/* #select_post{font-size: 16px;color: #333;text-align: center !important;line-height: 40px;} */
/* 清除默认样式 */
select{appearance:none;-moz-appearance:none;-webkit-appearance:none;background: url(../images/product_icon.png) no-repeat scroll 96px center transparent;padding: 0 44px 0 18px;font-size: 16px;color: #333;}
select::-ms-expand { display: none; }
option::-ms-expand{display: none;}
option{
  -moz-appearance:none; /* Firefox */
  -webkit-appearance:none; /* Safari 和 Chrome */
  appearance:none;
  outline: none;
  border: 0;
}
input:-webkit-autofill {
  transition:background-color 5000s ease-in-out 0s;
}
.product_search input{display: inline-block;background: #f0f0f0 !important; width: 498px;height: 100%;padding: 0 20px;box-sizing: border-box;}
/* .product_search input::before{width: 1px;height: 30px;background: red;content: "";display: inline-block;} */
.product_search button{float: right; width: 100px;height: 100px;background: #f69f15 !important;}
.product_search button img{width: 27px;height: 28px;margin-bottom: 45px;}
/* 产品列表 */
.delLeft{margin-left: 100px}
.listMore{width: 100%;height: auto;overflow: hidden;}
.product_list.show{display: block;}
.product_list{display: none; width: 100%;height: auto;clear: both;box-sizing: border-box}
.product_list > a{float: left;display: inline-block;width: 310px;height: auto;margin:0 24px 30px 0;}
.product_list > a:nth-child(4n+4){margin-right: 0;}
.listImg{width: 100%;min-height: 248px;overflow: hidden;border: 1px solid #d5d5d5;position: relative;}
.listImg img{max-width: 100%;height: auto;display: block;margin: auto;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);}
.product_list > a p{font-size: 18px;color: #333; width: 100%;height: 52px;line-height: 52px;padding: 0 10px;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align: center;}
.product_list > a:hover .listImg{border:4px transparent solid;box-sizing: border-box;border-image:linear-gradient(to right,#f8b244,#6785c0) 1 10;}
.product_list > a:hover p{color: #3f66af;}
.listMore .page a.active,.listMore .page a:hover{background: #f69f15;}
/* 产品详情 */
.line{width: 100%;height: 30px;background: #f0f0f0;}
.por_details{padding: 0 !important;background: #fff;}
.por_details > .fabricTab{padding: 60px 40px 10px;box-sizing: border-box;}
.details_list{display: none; width: 100%;height: auto;overflow: hidden;padding: 45px 40px 40px;box-sizing: border-box;}
.details_list.show{display: block;}
.detailsTop{width: 100%;min-height: 410px;overflow: hidden;padding-bottom: 20px}
/* 轮播样式,放大镜 */
 /*正常容器*/
/*.delLeft {width: 480px;min-height: 480px;position: relative;}*/
/*.pro_num {text-align: center;bottom: -10px !important;}*/
/*.pro_num .swiper-pagination-bullet {width: 7px;height: 7px;background: #ccc;border-radius: 0;}*/
/*.pro_num .swiper-pagination-bullet-active {background: #4165af;}*/
/*.prodea_img{width: 102%;height: 102%;margin-right: -1%;margin-left: -1%;}*/
/*.con-fangDaIMg {width: 100%;height: 100%;position: relative;}*/
/*.con-fangDaIMg>img {width: 100%;height: 100%}*/
/*.prodea_img img{max-width: 100%;height: auto;display: block;margin: auto;}*/
/*!*滑块*!*/
/*.magnifyingBegin {width: 188px;height: 195px;left: 0;top: 0;background-color: #ccc;opacity: 0.5;filter: alpha(opacity=50);position: absolute;cursor: move;display: none;z-index: 99;}*/
/*!*放大镜显示区域*!*/
/*.magnifyingShow {max-width: 480px;width: 480px;max-height: 480px;height: 480px;display: none;position: absolute;left: 500px;top: 0;overflow: hidden;background-color: #4165af;z-index: 99;overflow: hidden;}*/
/*.magnifyingShow>img {width: 980px;height: auto;margin-left: 0;margin-top: 0;}*/
.prodea_tl{width: 380px;height: 380px;}
.pro_num {text-align: center;bottom: -10px !important;}
.pro_num .swiper-pagination-bullet {width: 7px;height: 7px;background: #ccc;border-radius: 0;}
.pro_num .swiper-pagination-bullet-active {background: #4165af;}
.prodea_img{width: 380px;height: 380px;overflow: hidden}
.prodea_img > img{width: 100%;height: 100%;object-fit: cover}
  /*正常容器*/
.con-fangDaIMg {width: 100%;height: 100%;position: relative;}
.con-fangDaIMg>img {width: 100%;height: 100%;object-fit: cover}
/*滑块*/
.magnifyingBegin {width: 188px;height: 195px;left: 0;top: 0;background-color: #ccc;opacity: 0.5;filter: alpha(opacity=50);position: absolute;cursor: move;display: none;z-index: 99;}
/*放大镜显示区域*/
.magnifyingShow {max-width: 375px;width: 375px;max-height: 375px;height: 375px;display: none;position: absolute;left: 400px;top: 0;overflow: hidden;background-color: #454545;z-index: 99;overflow: hidden;}
.magnifyingShow>img {width: 960px;height: 960px;margin-left: 0;margin-top: 0;}
/* 产品详情轮播右边内容 */
.delRight{width: 702px;height: auto;overflow: hidden;padding-right: 112px;box-sizing: border-box;}
.delRight span{display: inline-block;line-height: 30px; padding: 0 16px;height: 30px;background: #eee;font-size: 16px;color: #666;}
.delRight > h3{font-size: 36px;color: #666;padding: 52px 0 32px;box-sizing: border-box;}
.delRight > h3 em{display: block;color: #4165af;line-height: 42px;padding-bottom: 10px;}
.delRight > p{color: #333;font-size: 16px;line-height: 36px;}
.textCont{font-size: 16px;color: #666;line-height: 28px;padding-top: 20px;}
.phoneUl{width: 100%;height: 40px;margin-top: 30px;}
.phoneUl li{padding: 0 16px;height: 40px; display: inline-block;font-size: 14px;color: #fff;line-height: 40px;float: left;}
.phoneUl li:first-child{background: #4165af;}
.phoneUl li:nth-child(2){background: #f69f15;}
.phoneUl li:last-child{background: #999;}
/* 产品详情-基本信息 */
.detailsBasic{width: 100%;height: auto;}
.detailsBasic h5{width: 100%;height: 46px;line-height: 46px;font-size: 18px; color: #333;font-weight: bold;background-color: #eee;text-align: center;margin-top: 20px;}
.detailsBasic li {margin: 0 26px;width: 96%;
  /*min-height: 51px;*/
  overflow: hidden;padding: 4px 0;border-bottom: 1px #e0e0e0 dashed;box-sizing: border-box;}
.detailsBasic li span{font-size: 16px;color: #555;line-height: 28px;}
.detailsBasic li span:first-child{float: left; display: inline-block; padding:0 40px 0 20px;box-sizing: border-box;width: 20%;display: inline-block;text-align: right;}
.detailsBasic li span:last-child{display: inline-block; width: 80%;display: inline-block;text-align: left;padding: 0 20px;box-sizing: border-box;}

/* --------------------------------------- 质量管理-------------------------------------*/
.mass_super{width: 1410px;margin: 30px auto 50px;height: auto;overflow: hidden;background: #fff;padding: 0 40px 50px;box-sizing: border-box;text-align: justify;}
.mass_super h3{font-size: 26px;color: #111;text-align: center;line-height: 40px;padding-top: 40px;}
.mass_super em{width: 20px;height: 2px;background: #c9c9c9;display: block;text-align: center;margin: 20px auto 18px;}
.mass_super .mass_cont{font-size: 16px;color: #666;padding: 0 248px;box-sizing: border-box;text-align: center;line-height: 28px;padding-bottom: 28px;}
.massImg{width: 1310px;height: 360px;background: url("../images/zhiliang_bg.png")no-repeat;background-size: 100%;margin: 0 auto;}
.Imglist{padding: 0 78px;box-sizing: border-box;display: flex;justify-content: space-evenly;align-items: center;text-align: center;width: 100%;height: 100%;}
.Imglist > li{width: 30%;}
.Imglist > li div{width: 100px;height: 100px;background: #e3eaf4;border-radius: 50%;margin: 0 auto;position: relative;overflow: hidden;}
.Imglist > li div:hover img{transform: scale(1.2);transition: all .3s;}
.Imglist > li div img{max-width: 100%;height: auto;margin: auto;position: absolute;top: 0;left: 0;right: 0;bottom: 0;transition: all .3s;}
.Imglist > li h4{font-size: 20px;color: #fff;line-height: 40px;padding-top: 12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.Imglist > li span{font-size: 14px;color: #fff;line-height: 22px;padding-top: 8px;display: block;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;}
/* 质量控制流程 */
.qualityUl{width: 100%;height: 245px;display: flex;margin-left: 1%;padding-top: 12px;}
.qualityUl li{width: 14%;height: 100%;color: #fff;text-align: center;display: inline-block;position:relative;bottom: 0;transition: all 0.4s;}
.qualityUl li h4{font-size: 18px;text-align: left;font-weight: normal;padding: 52px 34px 0 23px;box-sizing: border-box;}
.qualityUl li span{display:block;text-align: left;font-size: 12px;padding: 14px 22px 0 20px;box-sizing: border-box;}
.flowImg{width: 46px;height: 41px;position: absolute;bottom: 20px;right: 20px;}
.flowImg img{max-width: 100%;height: auto;}
.qualityUl li:hover {bottom:10px;transition: all 0.4s;}
/* 质量检测机构 */
.mechanism{width: 100%;height: auto;display: flex;flex-wrap: wrap;justify-content: flex-start;}
.mechanism li{cursor: pointer; width: 30%;margin:15px 5% 15px 0; height: 68px;line-height: 68px; background-color: #ebf0f4;padding:0 62px 0 20px;box-sizing: border-box;position: relative;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;color: #333;transition: all 0.4s;}
.mechanism li::after{width: 10px;height: 16px;content: '';background: url("../images/zh_back.png") no-repeat;background-size: 100%;display: inline-block;position: absolute;right: 0;margin: 26px 16px;transition: all 0.4s;}
.mechanism li:hover{background: #3f66b1;color: #fff;transition: all 0.4s;}
.mechanism li:hover::after{background: url("../images/zh_back1.png") no-repeat;transition: all 0.4s;}
.mechanism li:nth-child(3){margin-right: 0;}
/* 检测设备 */
.device_total{width: 100%;height: 308px; position: relative;padding-top: 20px;}
.swiper_device{width: 1270px !important;height: 308px !important;}
.swiper_device .swiper-slide{width: 400px !important;height: 100%; cursor: pointer;}
.deviceImg{width: 100%;height: 240px;position: relative;overflow: hidden;}
.deviceImg img{display: block; max-width: 100%;height: auto;position: absolute;top: 0;right: 0;bottom: 0;left: 0;margin: auto;transition: all 0.4s;}
.swiper_device .swiper-slide span{display: block; width: 100%;height: 68px;line-height: 68px; background-color: #ebf0f4;padding:0 62px 0 20px;box-sizing: border-box;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size: 16px;color: #333;transition: all 0.4s;}
.swiper_device .swiper-slide span::after{width: 10px;height: 16px;content: '';background: url("../images/zh_back.png") no-repeat;background-size: 100%;display: inline-block;position: absolute;right: 0;margin: 26px 16px;transition: all 0.4s;}
/* .device_total .swiper-button-next:after, .swiper-button-prev:after{width: 14px;height: 26px; background: url("../images/dev_banner.png") no-repeat;background-size:100% ;} */
.device_total >.prev_device:after, .next_device:after{font-size: 26px !important;color: #b2b2b2;}
.device_total > .prev_device:hover:after, .next_device:hover:after{color: #191919;}
.device_total > .swiper-button-next, .swiper-container-rtl .swiper-button-prev{right: -10px;}
.device_total > .swiper-button-prev, .swiper-container-rtl .swiper-button-next{left: -10px;}
.swiper_device .swiper-slide:hover .deviceImg img{transform: scale(1.2);transition: all 0.4s;}


/* --------------------------------------- 联系我们 -------------------------------------*/
.relation{width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px;background: #fff; padding: 0 50px;box-sizing: border-box;}
/* 联系方式 */
.touch{width: 100%;height: 248px;display: flex;justify-content: space-around;text-align: center;align-items: center;position: relative;}
.touch li{width: 25%; font-size: 16px;color: #333;line-height: 28px;display: inline-block;position: relative;}
.touch li::after{content: "";width: 1px;height: 82px;background: #ddd;display:inline-block;position: absolute;top: 38%;right: 0;}
.touch li:last-child::after{display:none;}
.touch li img{display: block;margin: 0 auto 10px;}
.touch li span{display: block; font-size: 16px;color: #333;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;padding: 0 20px;box-sizing: border-box;}
.touch_bottom{width: 100%;height: 565px;overflow: hidden;padding-bottom: 56px;}
/* 在线留言 */
form{width: 100%;height: auto;box-sizing: border-box;}
form h4{padding-left:72px;box-sizing: border-box; display: block; width: 100%;height: 114px;line-height: 114px;font-size: 20px;color: #333;}
.tables_a,.tables_b,.tables_d{width: 100%;height: 50px; margin-bottom:20px;padding: 0 126px;box-sizing: border-box;}
.tables_a div{float: left;display: inline-block;}
.tables_a div:first-child{margin-right: 46px;}
.tables_a div p,.tables_b p,.tables_d p{display: inline-block; height: 50px;color: #666;line-height: 50px;font-size: 16px;}
.tables_a div p em,.tables_b p em,.tables_c p em,.tables_d p em{ color: #ff0000;display: inline-block;margin-right: 4px;}
.tables_a div input[type="text"]{border: 1px solid #ccc;width: 410px;height: 50px;font-size: 16px;color: #333; padding: 0 10px;box-sizing: border-box;margin-left:10px;}
.tables_b > p{float: left;}
.tables_c{width: 100%;height: 200px;margin-bottom:20px;padding: 0 126px;box-sizing: border-box;}
.tables_c p{height: 100%;float: left;padding-top: 17px;box-sizing: border-box;}
.tables_c textarea{width: 960px;height: 200px;border: 1px solid #ccc;overflow: hidden;margin-left: 14px;padding: 10px;box-sizing: border-box;font-size: 16px;color: #333;}
.tables_d input{width: 496px;height: 50px;border: 1px solid #ccc;margin-left: 24px;padding: 0px 10px;box-sizing: border-box;font-size: 16px;color: #333;}
.tables_d img{width: auto;max-height: 50px;margin-left: 20px;}
.btns{padding: 22px 0 70px;width: 100%;height: 56px;text-align: center;}
.btns button{display: block; width: 316px;height: 56px;font-size: 18px;border-radius: 2px;background: #f69f15;color: #fff;margin: 0 auto;}
/* 加入我们 */
.recruit_dl{width: 100%;height: auto;overflow: hidden;padding: 60px 0 38px;box-sizing: border-box;}
.recruit_dl dd{width: 100%;min-height: 64px;overflow: hidden;margin-bottom: 22px;}
.recruit_dl dd > h3{width: 100%;height: 64px;background: #f5f5f5;font-size: 16px; color: #656565;padding: 0 40px;box-sizing: border-box;line-height: 64px;position: relative;transition: all 0.3;cursor: pointer;}
.recruit_dl dd > h3.cue,.recruit_dl dd > h3:hover{background: #3f66b1;color: #fff;transition: all 0.3;}
.recruit_dl dd > h3.cue::after,.recruit_dl dd > h3:hover:after{content: '';top: 31px;right: 40px; position: absolute; display: inline-block; width:15px;height: 2px;background: url('../images/-.png') no-repeat;}
.recruit_dl dd > h3::after{content: '';top: 22.5px;right: 40px; position: absolute; display: inline-block; width:19px;height: 19px;background: url('../images/+.png') no-repeat;}
.ruit{display: none; width: 100%;padding: 0 70px 40px;box-sizing: border-box;}
.ruit h4{font-size: 18px;color: #333;line-height: 96px;}
.ruit div{font-size: 14px;color: #777;line-height: 28px;}
.ruit .email{display: inline-block; padding: 0 30px;height: 50px;line-height: 50px; font-size: 16px;color: #fff;background: #f69f15;margin-top: 60px;}
/* --------------------------------------- 新闻资讯 -------------------------------------*/
.companyNews{width: 1412px;height: auto;overflow: hidden;margin:30px auto 50px;padding:0 50px 20px;box-sizing: border-box;text-align: justify;background: #fff;}
.companyNews > a{display: block; width: 100%;height:326px;overflow: hidden;border-top: 1px dashed #cdcdcd;box-sizing: border-box;padding: 55px 0;}
.companyNews > a:first-child{border-top: 0;}
.compImg{width:374px ;height: 100%;overflow: hidden;}
.compImg img{max-width: 100%;height: auto;transform: all 0.2s linear;}
.compText {width: 918px;height: 100%;padding: 0 18px;box-sizing: border-box;text-align: justify;}
.companyNews a > h4,.compText h4{font-size: 24px;color: #333;line-height: 58px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition: all 0.2s linear;}
.companyNews a > span,.compText span{font-size: 15px;color: #999;line-height: 42px;}
.companyNews a > div,.compText div{font-size: 14px;color: #666;overflow: hidden;text-overflow: ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-height: 28px;margin: 10px 0;text-align: justify;}
.companyNews > a:hover .compText h4,.second_news a:hover h4{color: #3f66b1;transition: all 0.4s linear;font-weight: bold;}
/* .companyNews > a:hover .compImg img{transform: scale(1.2);transform: all 0.5s linear;} */
.companyNews a >img{width: 28px;height: 28px;position: absolute;bottom: 30px;left: 50px;}
.second_news{background: none !important;}
.second_news > a{position: relative;height: 290px;width: 100%;background: #fff;padding: 0 50px;border-top: 0;margin-top: 30px;}
.second_news > a h4{padding-top: 20px;box-sizing: border-box;}
.companyNews .page .active{background: #f69f15;}
.second_news .page{margin:52px 0 0 0;}
/* 新闻详情 */
.companyNews ol{display: block; width: 100%;height: 69px;background: #f4f4f4;}
.companyNews > h4{font-size: 24px;color: #333;text-align: center;line-height: 40px;padding: 50px 20px 0;box-sizing: border-box;}
.companyNews > span{display: block; font-size: 15px;color: #999;text-align: center;line-height: 48px;}
.companyNews > div{font-size: 16px;color: #666;line-height: 36px;}
.companyNews > ul{padding: 40px 0;box-sizing: border-box;font-size: 16px;color: #666;line-height: 36px;}
.row {text-align: center;line-height: 69px;}
.paging{width: 100%;height: 118px;}
.paging_list{padding: 30px 0;box-sizing: border-box;width: 85%;}
.paging ul li{display: block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.paging ul li a{display: block; font-size: 16px;color: #747474;line-height: 30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.paging > a{display: inline-block;width: 130px;height: 40px;background: #f69f15;font-size: 15px;color: #fff;line-height: 40px;text-align: center;margin-top: 39px;}
.paging ul li a:hover{color: #4165af;}
/* 分页 */
.page{width: 100%;height: 35px;margin: 40px auto;text-align: center;}
.page a{display: inline-block;height: 35px;padding: 0 14px;border-radius: 4px;border: 1px solid #ddd;line-height: 35px;text-align: center;box-sizing: border-box;font-size: 14px;color: #666;margin-left: 10px;background: #fff;}
.page a.active{background: #4165af;color: #fff;border: 0;}
/* 底部 */
.footer{width: 100%;min-height: 330px;overflow: hidden;}
.tfTop{width: 100%;min-height: 270px;background: #42474b;padding: 0 254px;box-sizing: border-box;overflow: hidden;}
.tfTop .links{ padding-top: 18px; width: 100%;min-height: 56px;font-size: 14px;color: #bbb;line-height: 56px;border-bottom: 1px solid #666;}
.links a{display: inline-block;font-size: 14px;color: #999;margin-right: 16px;}
.links a:hover{color: #4165af;}
.linksList{width: 100%;min-height: 194px;}
.listLeft{width: auto;height: auto;}
.listLeft ul{display: inline-block;padding: 30px 94px 30px 0;box-sizing: border-box;}
.listLeft ul li{line-height: 32px;}
.listLeft ul li a{display: block;font-size: 14px;color: #bbb;}
.listLeft ul li:hover a{color: #4165af;}
.listRight{display: inline-block;}
.listRight ul{float: left; padding:30px 68px 30px 0;}
.listRight ul li{font-size: 14px;color: #ccc;line-height: 32px;}
.listRight div{display: inline-block; width: 124px;height: auto;text-align: center;padding-top: 20px;}
.listRight div img{width: 100%;height: 124px;}
.listRight div p{font-size: 14px;color: #ccc;line-height: 32px;}
.tfBottom{width: 100%;height: 60px;line-height: 60px; background: #2d2f31;padding: 0 254px;box-sizing: border-box;}
.companyLeft{display: inline-block;}
.companyLeft li{display: inline-block;font-size: 14px;color: #ddd;}
.companyLeft li:nth-child(2){display: inline-block; padding-left: 10px;}
.companyLeft li:nth-child(2) a{font-size: 14px;color: #ddd;}
.companyLeft li:nth-child(2):hover a{color: #fff;transition: all 0.1;}
.companyRight{display: inline-block;font-size: 14px;color: #ddd;}
.companyRight a{display: inline-block;font-size: 14px;color: #ddd;}
.companyRight a:hover{color: #4165af;}
.companyLeft li img{width: 50px;height: 12px;}
/*部分适配*/
@media screen and (max-width: 1680px) {
  /*导航*/
  header {padding: 0 40px;}
  .header_list{width: 67%;}
  .contact_Infor{width: 23%;}
  .headerLeft a{width: 352PX;}
  .headerLeft a img {width: 100%;height: auto;}
  .header_list{display: flex;justify-content: space-around;flex-wrap: nowrap;}
  .header_list li{padding: 0 10px;}
  .contact_Infor > p{padding-left: 10px}
  .submenu{left: -50%}
  /*产品展示*/
  .product_prev{left: 22px !important;}
  .product_next{right: 22px !important;}
  /* 企业简介 */
  .synopsis{padding: 0 190px;}
  /*新闻资讯*/
  .news{padding: 0 10%;}
  /* 二级导航*/
  /*.aboutTop{padding: 0 14%;}*/
  /*.brief{width: 1212px}*/
  /*.courseBox{width: 1212px}*/
  /*.elegant{width: 1212px}*/
}
@media screen and (max-width: 1660px) {
  /* 企业简介 */
  .synopsis{padding: 0 114px;}
}
@media screen and (max-width: 1600px) {
  /*新闻资讯*/
  .news{padding: 0 6%;}
}
@media screen and (max-width: 1500px) {
  /*新闻资讯*/
  .news{padding: 0 2%;}
}
@media screen and (min-width: 1450px) and (max-width: 1450px) {
  /*轮播*/
  .swiper_banner{height: 370px !important}
  /*轮播*/
  .product_banner{width: 1060px;}
  /* 企业简介 */
  .ProductTop{padding: 0 124px}
  .synopsis{padding: 0 38px;}
  .totalLeft{width: 518px}
  .totalRight{width: 550px}
  .tfTop{padding:0 130px;}
  .aboutTop{padding:0 130px;}
  .newsBottom li{width: 380px}
  .tfTop{padding: 0 90px}
  .listRight ul{padding: 30px 38px 30px 0}
}
@media screen and (max-width: 1300px) {
  /*导航*/
  html{width: 100% !important}
  header,.tfTop,.ProductTop{padding: 0 2%;}
  .ProductDisplay{padding: 0 1%}
  /*新闻资讯*/
  .news,.aboutTop{padding: 0 2%;}
  .brief,.honorMap{width: 1180px}
  .elegant{width: 1180px;padding: 10px 30px}
  .elegant > a,.certificate > a{width: 350px;margin: 20px 30px 0 0;}
  .certificate{padding: 10px 30px 50px}
  .courseBox{width: 1180px !important}
  .product,.companyNews{width: 1180px;}
  .mass_super,.relation{width: 1180px}
  .device_total{width: 1080px !important}
  .swiper_device{width: 100% !important}
  .swiper_device .swiper-slide{width: 336px !important;}
  .compText{width: 690px}
  .tables_a div input[type="text"],.tables_d input{width: 300px}
  .tables_c textarea{width: 738px}
  .btns button{width: 216px}
  .fabricTab li{margin-bottom: 20px}
  .fabricTab{justify-content: flex-start !important;flex-wrap: wrap}
  .product_list > a{margin: 0 83px 30px 0;}
  .product_list > a:nth-child(4n+4){margin-right: 83px;}
  .product_list > a:nth-child(3n+3){margin-right: 0;}
  .delLeft{margin-left: 0}
  .delRight{width: 590px;padding-right: 0}
  .newsBottom li{width: 370px}
}